.root {
  position: relative;
  //主题色
  --theme-color: #1C9399;
  --theme-color-light-1: #34656E;
  --theme-color-light-3: #49a9ad;
  --theme-color-light-4: #DAF6F8;
  --theme-color-light-5: #d2e9eb;
  --theme-color-light-6: #BEE6E9;
  --theme-color-light-7: #e8f4f5;
  --theme-color-light-9: #DDEDEE;
  --theme-color-light-table: #F3F8F8;
  //其他基础色
  --theme-color-info: #2398BF;
  --theme-color-success: #19BE6B;
  --theme-color-warning: #F08300;
  --theme-color-error: #ED4014;
  //配置
  --headerHeight: 48px;
  --sidebarWidth: 242px;
  --sidebarMinWidth: 64px;
  //文字大小
  --d-font-size-title-main: 20px;
  --d-font-size-title-second: 18px;
  --d-font-size-title-third: 16px;
  --d-font-size-text-main: 14px;
  --d-font-size-text-second: 13px;
  --d-font-size-small: 12px;
  //灰色背景
  --d-color-grey-1: #F2F2F2;
  --d-color-grey-2: #EEF0F5;
  --d-color-grey-3: #F5F5F5;
  --d-color-grey-4: #F3F4F8;
  //深色
  --d-color-deep-1: #1D303B;
  --d-color-deep-2: #2E4051;
  --d-color-deep-3: #1F2F3E;
  //白色背景
  --d-color-white: #ffffff;

  //行高
  --d-line-height: 32px;
  --d-line-height-level-3: 40px;
  --d-line-height-level-4: 50px;
  //内边距1
  --d-padding-level-1: 8px;
  --d-padding-level-3: 16px;
  --d-padding-level-7: 22px;
  //外边距1
  --d-margin-level-1: 8px;
  --d-margin-level-2: 14px;
  --d-margin-level-3: 17px;
  --d-margin-level-4: 24px;
  --d-margin-level-9: 32px;
  --d-margin-level-11: 38px;

  //输入框宽度
  --d-input-width-level-1: 210px;
  --d-input-width-level-2: 210px;
  --d-input-width-level-3: 292px;
  //字体颜色
  --d-font-color-title: #0D111A;
  --d-font-color-text: #333333;
  --d-font-color-assist: #808695;
  --d-font-color-fail: #C5C8CE;
  --d-font-color-info: var(--theme-color-info);
  --d-font-color-assist-1: #C1C6D0;
  --d-font-color-white: #FFFFFF;
  --d-font-color-placeholder: #CCCCCC;
  --d-font-color-tab: #999999;
  //ICON颜色
  --d-icon-color-theme: var(--theme-color);
  --d-icon-color-grey: #303133;
  --d-icon-color-white: #FFFFFF;
  --d-icon-color-red: #E13848;
  //边框 分割线 背景
  --d-icon-color-border: #DCDEE2;
  --d-icon-color-divider: #E8EAEC;
  --d-icon-color-bg: #F8F8F9;
  //圆角
  --d-border-radius-level-2: 4px;
  --d-border-radius-level-3: 5px;
  --d-border-radius-level-4: 6px;
  //覆盖el主题
  --el-color-primary: var(--theme-color);
  --el-color-primary-light-3: var(--theme-color-light-3);
  --el-color-primary-light-5: var(--theme-color-light-5);
  --el-color-primary-light-7: var(--theme-color-light-7);
  --el-color-primary-light-9: var(--theme-color-light-9);
  --el-color-primary-dark-2: var(--theme-color-light-3);
  --el-text-color-placeholder: var(--d-font-color-placeholder);
  //el字体颜色
  --el-text-color-regular: #333333;
  --el-font-weight-primary: 400;
  --el-font-size-base: 14px;
  //表格 覆盖填充色
  --el-fill-color-light: var(--theme-color-light-5);
}

#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 2640px;
  min-width: 768px;
  margin: 0px auto;
  margin: 0px auto;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
}

//自定义样式
.d-common-flex {
  display: flex;
}

.d-common-flex-row {
  .d-common-flex();
  flex-direction: row;
}

.d-common-flex-col {
  .d-common-flex();
  flex-direction: column;
}

.d-common-flex-full {
  .d-common-flex();
  flex: 1;
}

.d-comon-flex-justend {
  .d-common-flex();
  justify-content: flex-end;
}

.d-common-flex-center {
  .d-common-flex();
  align-items: center;
  justify-content: center;
}

.d-common-flex-algin-center {
  .d-common-flex();
  align-items: center;
}

.d-common-flex-algin-just {
  .d-common-flex();
  justify-content: center;
}

.d-common-flex-waper {
  .d-common-flex();
  flex-wrap: wrap;
}

.d-common-flex-nowaper {
  .d-common-flex();
  flex-wrap: nowrap;
}

.d-common-height-full {
  height: 100%;
}

.d-common-width-full {
  width: 100%;
}

.d-common-full {
  width: 100%;
  height: 100%;
}

.d-common-over-auto {
  overflow: auto;
}

.d-common-post-rel {
  position: relative;
}

.d-common-post-abs {
  position: absolute;
}

.d-common-height-line {
  height: var(--d-line-height);
  line-height: var(--d-line-height);
}

.d-common-hover:hover {
  cursor: pointer;
}

.d-common-text-align-center {
  text-align: center;
}

.d-common-text-align-left {
  text-align: left;
}

.d-common-text-align-right {
  text-align: right;
}

.d-common-flex-table {
  height: unset;
  flex: 1;
}

//间隔线
.d-common-space-1 {
  background-color: var(--d-color-grey-1);
  height: 100%;
  width: 6px;
}

.d-common-grid {
  --d-common-grid-gap: 13px;
  --d-common-grid-line-num-1: 1;
  --d-common-grid-line-num-2: 2;
  display: grid;
  grid-template-columns: repeat(var(--d-common-grid-line-num-1), 1fr);
  column-gap: var(--d-common-grid-gap);
}

.d-common-grid-line-2 {
  grid-template-columns: repeat(var(--d-common-grid-line-num-2), 1fr);
}


//几种基础ICON颜色
.d-common-icon-white {
  color: var(--d-icon-color-white) !important;
}

.d-common-icon-theme {
  color: var(--d-icon-color-theme) !important;
}

.d-common-icon-grey {
  color: var(--d-icon-color-grey) !important;
}

.d-common-icon-red {
  color: var(--d-icon-color-red) !important;
}

//内容字体样式
.d-common-text-main {
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  color: var(--d-font-color-text);
  font-size: var(--el-font-size-base);
}

//标题字体样式规范
.d-common-title-base {
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: var(--d-font-color-title);
}

.d-common-text-base {
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: var(--d-font-color-text);
}

//主标题
.d-common-title-main {
  .d-common-title-base();
  font-size: var(--d-font-size-title-main);
}

//次级标题
.d-common-title-second {
  .d-common-title-base();
  font-size: var(--d-font-size-title-second);
}

//小标题
.d-common-title-third {
  .d-common-title-base();
  font-size: var(--d-font-size-text-main);
}

//正文
.d-common-text-main {
  .d-common-text-base();
  font-size: var(--d-font-size-text-main);
}

//正文 小
.d-common-text-second {
  .d-common-text-base();
  font-size: var(--d-font-size-text-second);
}

//辅助文字
.d-common-text-assist {
  .d-common-text-base();
  color: var(--d-font-color-assist);
  font-size: var(--d-font-size-small);
}

//失效文字
.d-common-text-fail {
  .d-common-text-base();
  color: var(--d-font-color-fail);
  font-size: var(--d-font-size-small);
}

//链接辅助文字
.d-common-text-link {
  .d-common-text-base();
  color: var(--d-font-color-info);
  font-size: var(--d-font-size-small);
}

@import "element.less";
@import "antd.less";